$grey1=#999;
$grey2=#333
$head_font_size = 12px;
$circle_font_size = 14px;
$circle_bac_color=#0062b8;
$blue3=#46b0f4;
.generalcoursedetail
    display block
    color: $grey1
    footer
      position: fixed
      bottom: 0
      height 55px
      left 0
      right 0
      text-align: center
      line-height:@height
      color: white
      background: red
      font-size: 16px
    &-content
        position fixed
        top 50px
        bottom: 0
        left 0
        right 0
        background:  rgb(245,248,250)
        &-info
            background: white
        &-head
            padding 3px 0 3px 10px
            font-size: $head_font_size
            border-bottom: 1px solid #e6e6e6
        &-right
            color: $grey2
        &-courseIntroduce
            text-indent: 2em
            margin-top: 10px
            color $grey2
        &-brief
            color: $blue3
            padding 20px
            background: white
            >div:first-child
                & 
                .generalcoursedetail-content-courseIntroduce:first-child
                    min-height: 45px
              
    &-list
        background: white
        padding: 10px 10px 15px
        &-courseName
            color: #333
        &-electiveNumber
            color lightgreen
        &-circle
            background: $circle_bac_color
            color white
            font-size: $circle_font_size
            padding: 3px 18px
            border-radius: 12px